﻿/*=================================================


                The Styles


===================================================*/

body 
{
    font-family: 'Open Sans', sans-serif;
    background: url(/images/opacity_carribean_bw.png) no-repeat;
    background-size: auto;
}
h1, h2, h3, h4, h5, h6 
{
    font-family: 'Open Sans Condensed', sans-serif;
    }
#page 
{
    background: #fff;
    padding: 0 40px;
    height: auto;
    }
#top-header-wrap 
{
    background: #474747;
    padding: 0;
    }
#top-login ul 
{
    color: #fff;
    margin: 0;
    padding: 5px 0;
    }
 #top-login a 
 {
     color: #fff;
     text-decoration: none;
     padding: 0 0 0 20px;
     }
#top-login a:hover 
{
     -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
    color: #c24e07;
}
header 
    {
        margin-bottom: 20px;
        }
h1 span{
	font-weight: 100;
	color: #C24E07;
	}
nav 
{
    padding-top: 22px;
    }
nav ul li 
{
    display: inline;
    }
 nav ul li a 
 {
     text-decoration: none;
     color: #474747;
     padding: 5px 15px;
     -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
     font-weight: 600;
     }
nav ul li a:hover 
{
    color: #C24E07; 
    }
#top-login ul
{
    text-align: right;
    position: relative;
    }
#top-login ul li 
{
    display: inline;
    padding: 5px 15px;
    font-size: 12px;
    }
    #top-login ul li a
{
    color: #ccc;
    }
#imageBanner 
{
    height: 438px;
    background: url(/images/carribean.jpg) no-repeat;
    position: relative;
    overflow: hidden;
    }
 #imageBanner h2.hero 
      {
          width: 300px;
          position: absolute;
          top: -10px;
          right: -100px;
          font-family: 'Open Sans Condensed', sans-serif;
          font-style: italic;
          text-align: center;
          font-size: 30px;
          color: #fff;
         /*text-shadow: 1px 2px 2px #aeaeae;*/
          background: #000;
          opacity: 0.7;
          padding: 0 20px;
          -webkit-transform: rotate(40deg);
          }
           #imageBanner h2.hero span.phone 
           {
               font-size: 16px;
               }
          #imageBanner h2.hero span 
          {
              display: block;
              }
#login-popup
{
    box-shadow: 2px 2px 4px #aeaeae;
    }
#login-popup input
{
    margin-bottom: 15px;
    }
.ui-widget-overlay {
    background: repeat-x scroll 50% 50% #AAA;
    opacity:0.3;
}

.ui-widget-overlay {
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.profileHead 
{
    text-align: right;
    }
  #searchBox 
  {     
background: #c24e07; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(45deg, #c24e07 0%, #ffa73d 32%, #ff7c00 51%, #bc4703 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#c24e07), color-stop(32%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#bc4703)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #c24e07 0%,#ffa73d 32%,#ff7c00 51%,#bc4703 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #c24e07 0%,#ffa73d 32%,#ff7c00 51%,#bc4703 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #c24e07 0%,#ffa73d 32%,#ff7c00 51%,#bc4703 100%); /* IE10+ */
background: linear-gradient(45deg, #c24e07 0%,#ffa73d 32%,#ff7c00 51%,#bc4703 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24e07', endColorstr='#bc4703',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
      -webkit-border-radius: 0 8px 0 0;
      -moz-border-radius: 0 8px 0 0;
      border-radius: 0 8px 0 0;
      position: absolute;
      bottom: 0;
      left: 0;
      -webkit-box-shadow: 3px -3px 6px #666;
      -moz-box-shadow: 3px -3px 6px #666;
      box-shadow: 3px -3px 6px #666;
      border-top: 2px solid #ed732f;
      border-right: 2px solid #ed732f; 
      color: #fff;
      padding: 0 0 40px 0;
      text-align: center;
      font-family: 'Open Sans Condensed', sans-serif;
      font-style: italic;
      text-shadow: 1px 1px 3px #333;
      }
 #searchBox h2 
 {
     font-size: 40px;
     margin: 0;
     padding: 0;
     border-bottom: 2px solid #474747;
     }
     #searchBox h2 span
     {
         display: block;
         font-size: 24px;
         padding-bottom: 30px;
         }
      h2.PageTitle 
      {
          border-bottom: 1px solid #aeaeae;
          padding-bottom: 10px;
          }
      .FeatureBlock:first-child 
      {
          margin-left: 0;
          }
       .FeatureBlock h3 
       {
          font-weight: 700;
          padding-left: 25px;
          background: url(/images/bg-arrow.png) no-repeat left center;
          }
          .FeatureBlock p
      {
          margin: 0;
          }
          a.LearnMore, input[type="submit"] 
          {
              background: #C24E07;
              padding: 4px 10px;
              color: #fff;
              text-decoration: none;
              font-size: 12px;
              border: none;
              -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
              }
              a.LearnMore:hover, input[type="submit"]:hover 
              {
                  background: #474747;
                  }
    table.regTable tr td, table#profileTable tr td 
    {
        padding: 5px 15px;
        }
     table.regTable tr td input[type="text"], table.regTable tr td input[type="password"], table#profileTable tr td input[type="text"], table#profileTable tr td input[type="password"]
     {
         width: 200px;
         }
    table.regTable tr td.right, table#profileTable tr td.right 
    {
       text-align: right;
       padding-left: 0; 
        }
       #regImageBanner 
       {
           background: url(images/bora_bora.jpg) no-repeat;
           height: 309px;
           
           }
           img.imgBanner 
           {
               margin-bottom: 40px;}
 #top-login ul li input[type="submit"]
{
    position: absolute;
    top: 6px;
    right: 80px;
    display: inline;
    padding: 5px 15px;
    font-size: 12px;
    color: #ccc;
    background: transparent;
    -moz-transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
    }
   #top-login ul li input[type="submit"]:hover 
   {
       color: #C24E07;
       }
  table.purchHist 
  {
      width: 100%;
      }
  table.purchHist tr td
  {
      border: none;
      padding: 4px 0;
      padding-left: 10px;
      border-bottom: 1px solid #ccc;
      }
  table.purchHist tr th 
  {
      padding: 3px 10px;
      text-align: left;
      border-bottom: 1px solid #ccc;
      }
  .total 
  {
      display: block;
      background: #ccc;
      }
      #purchaseName, #purchaseHistory  
      {
          margin-top: 30px;
          }
          h4.welcome 
          {
              border-bottom: 1px solid #ccc;
              padding-bottom: 5px;
              }
/*=================================================


                The Grid Layout


===================================================*/

.wrap {
	width: 100%;
	clear: both;
	}
.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container{
  width: 940px;
  margin: 0 auto;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 509px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 756px;
    height: 46px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.first {
	margin-left: 0;
	clear: left;
    height: 89px;
}
